<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" href="css/home.css">
	<link rel="stylesheet" href="css/base.css">
	<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
	<script type="text/javascript" src="js/canvas/echarts.js" ></script>
	<script type="text/javascript" src="js/canvas/canvas3.js" ></script>
	<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/personInfro.js"></script>
	<title>舆情定制</title>
	<style>
		body,
		html {
			height: 100%;
			/*background: #f5f3f3;*/
		}
	</style>
	</head>
	
	<body>
		<div class="wholePublic-box">
			<div class="wholePublic-header clearfix">
				<div class="wholePublic-logo fl ">
					<a href="index-logged.html"><img src="images/logo-2.png" /></a>
				</div>
				<div class="wholePublic-header-list fl">
					<ul class="clearfix">
						<li onclick="javascript:window.location='wholePublic-company.html'">全部舆情</li>
						<li onclick="javascript:window.location='my-custom.html'">舆情定制</li>
						<li class="wholePublic-border" onclick="javascript:window.location='analysis.html'">分析报告</li>
						<li onclick="javascript:window.location='thinkTank.html'">智库</li>
						<li onclick="javascript:window.location='wholePublic.html'">联系我们</li>
					</ul>
				</div>
				<div class="wholePublic-header-right fr">
					<ul class="clearfix">
						<li id="line"><img src="images/line-2.png" /></li>
						<li onclick="javascript:window.location='my-custom.html'">我的定制</li>
						<li id="exit"><img src="images/exit-2.png" /></li>
						<li class="setting-icon">
							<a href="company-setting.html"><img src="images/setting-icon.png"/></a>
						</li>
					</ul>
				</div>
			</div>
			<div class="grcolor-box"></div>
			<div class="wholePublic-mainBody clearfix">
	
				<div class="wholePublic-leftContent wholePublic wholePublic-part2 fl" id="col1">
					<ul>
						<li onclick="javascript:window.location='analysis.html'"><img src="images/project-icon.png" /><span>项目报告</span></li>
						<li onclick="javascript:window.location='analysis-trend.html'"><img src="images/trend-icon.png" /><span>整体趋势</span></li>
						<li onclick="javascript:window.location='analysis-track.html'"><img src="images/track-icon.png" /><span>舆情追踪</span></li>
						<li class="wholePublic-selected" onclick="javascript:window.location='analysis-emotion.html'"><img src="images/emotion-icon-selected.png" /><span>情感分析</span></li>
						<li onclick="javascript:window.location='analysis-media.html'"><img src="images/media-icon.png"  /><span>媒体分析</span></li>
						<li onclick="javascript:window.location='analysis-keywords.html'"><img src="images/keywords-icon.png" /><span>关键词分析</span></li>
						<li onclick="javascript:window.location='warning-custom.html'"><img src="images/comment-icon.png" /><span>评论分析</span></li>
					</ul>
				</div>
				<div class="wholePublic-rightContent fl">

					<div class="analysis-box main-content">
						<div class="analysis-header">
							<select>
								<option>项目一：项目名称</option>
								<option>项目二：项目名称</option>
							</select>
							<select>
								<option>最近一周</option>
								<option>最近两天</option>
							</select>
						</div>
						<div class="big-box">

						<!--情感属性分布-->
							<div class="emotion-box">
								<div class="emotion-header">情感属性分布</div>
								<div class="emotion-pie clearfix">
									<div id="pieChart" class="pieChart fl"></div>
									
									<div class="emotion-content fr">
									<!--情感属性正面数量-->
										<div class="emotion-positive-list clearfix">
											<div class="emotion-positive-num fl">
												正<span class="emotion-num">5462</span>
											</div> 
										
										<!--情感属性正面1-->
								
											<div class="emotion-positive">
												<div class="emotion-list fr">
													<div class="positive-left fl">
														<span class="rank-1 fl">1</span>
														<span class="positive-txt">
															<a href="#">
																<span class="positive-txt-title">企雷达</span>产品正在试产试销中实销中是实销...
															</a>
														</span>
													</div>
													<div class="positive-right fr">
														<span>微信</span>
														<span>2013-03-26</span>
														<div class="hot-progress fr">
															<div class="progress-val" id="bar_width">5642</div>
															<div class="progress-bar">
																	<span class="progress-in" id="bar"></span>
															</div>
														</div>
													</div>
												</div>
												
												<!--情感属性正面2-->
												
												<div class="emotion-list fr">
													<div class="positive-left fl">
														<span class="rank-1 fl">2</span>
														<span class="positive-txt">
															<a href="#">
																<span class="positive-txt-title">企雷达</span>产品正在试产试销中实销中是实销...
															</a>
														</span>
													</div>
													<div class="positive-right fr">
														<span>微信</span>
														<span>2013-03-26</span>
														<div class="hot-progress fr">
															<div class="progress-val" id="bar_width">5642</div>
															<div class="progress-bar">
																	<span class="progress-in" id="bar"></span>
															</div>
														</div>
													</div>
												</div>
												
												<!--情感属性正面3-->
												<div class="emotion-list fr ">
													<div class="positive-left fl">
														<span class="rank-1 fl">3</span>
														<span class="positive-txt">
															<a href="#">
																<span class="positive-txt-title">企雷达</span>产品正在试产试销中实销中是实销...
															</a>
														</span>
													</div>
													<div class="positive-right fr">
														<span>微信</span>
														<span>2013-03-26</span>
														<div class="hot-progress fr">
															<div class="progress-val" id="bar_width">5642</div>
															<div class="progress-bar">
																	<span class="progress-in" id="bar"></span>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>	
										
										
										<!--情感属性负面数量-->
											<div class="emotion-negative-list clearfix">
												<div class="emotion-negative-num fl n">
													负<span class="emotion-num">5462</span>
												</div>
												<!--情感属性负面1-->
												<div class="emotion-negative">
													<div class="emotion-list fr">
														<div class="positive-left fl">
															<span class="rank-2 fl">1</span>
															<span class="positive-txt">
																<a href="#">
																	<span class="positive-txt-title">企雷达</span>产品正在试产试销中实销中是实销...
																</a>
															</span>
														</div>
														<div class="positive-right fr">
															<span>微信</span>
															<span>2013-03-26</span>
															<div class="hot-progress fr">
																<div class="progress-val" id="bar_width">5642</div>
																<div class="progress-bar">
																		<span class="progress-in" id="bar"></span>
																</div>
															</div>
														</div>
													</div>
													
													<!--情感属性负面2-->
													
													<div class="emotion-list fr">
														<div class="positive-left fl">
															<span class="rank-2 fl">2</span>
															<span class="positive-txt">
																<a href="#">
																	<span class="positive-txt-title">企雷达</span>产品正在试产试销中实销中是实销...
																</a>
															</span>
														</div>
														<div class="positive-right fr">
															<span>微信</span>
															<span>2013-03-26</span>
															<div class="hot-progress fr">
																<div class="progress-val" id="bar_width">5642</div>
																<div class="progress-bar">
																		<span class="progress-in" id="bar"></span>
																</div>
															</div>
														</div>
													</div>
													<!--情感属性负面3-->
													<div class="emotion-list fr">
														<div class="positive-left fl">
															<span class="rank-2 fl">3</span>
															<span class="positive-txt">
																<a href="#">
																	<span class="positive-txt-title">企雷达</span>产品正在试产试销中实销中是实销...
																</a>
															</span>
														</div>
														<div class="positive-right fr">
															<span>微信</span>
															<span>2013-03-26</span>
															<div class="hot-progress fr">
																<div class="progress-val" id="bar_width">5642</div>
																<div class="progress-bar">
																		<span class="progress-in" id="bar"></span>
																</div>
															</div>
														</div>
													</div>
												</div>
						
										</div>
										
										<!--情感属性中立数量-->
											<div class="emotion-neutral-list clearfix">
												<div class="emotion-neutral-num fl ">
													中<span class="emotion-num">5462</span>
												</div>
												<!--情感属性负面1-->
												<div class="emotion-negative">
													<div class="emotion-list fr">
														<div class="positive-left fl">
															<span class="rank-3 fl">1</span>
															<span class="positive-txt">
																<a href="#">
																	<span class="positive-txt-title">企雷达</span>产品正在试产试销中实销中是实销...
																</a>
															</span>
														</div>
														<div class="positive-right fr">
															<span>微信</span>
															<span>2013-03-26</span>
															<div class="hot-progress fr">
																<div class="progress-val" id="bar_width">5642</div>
																<div class="progress-bar">
																		<span class="progress-in" id="bar"></span>
																</div>
															</div>
														</div>
													</div>
													
													<!--情感属性负面2-->
													
													<div class="emotion-list fr">
														<div class="positive-left fl">
															<span class="rank-3 fl">2</span>
															<span class="positive-txt">
																<a href="#">
																	<span class="positive-txt-title">企雷达</span>产品正在试产试销中实销中是实销...
																</a>
															</span>
														</div>
														<div class="positive-right fr">
															<span>微信</span>
															<span>2013-03-26</span>
															<div class="hot-progress fr">
																<div class="progress-val" id="bar_width">5642</div>
																<div class="progress-bar">
																		<span class="progress-in" id="bar"></span>
																</div>
															</div>
														</div>
													</div>
													<!--情感属性负面3-->
													<div class="emotion-list fr">
														<div class="positive-left fl">
															<span class="rank-3 fl">3</span>
															<span class="positive-txt">
																<a href="#">
																	<span class="positive-txt-title">企雷达</span>产品正在试产试销中实销中是实销...
																</a>
															</span>
														</div>
														<div class="positive-right fr">
															<span>微信</span>
															<span>2013-03-26</span>
															<div class="hot-progress fr">
																<div class="progress-val" id="bar_width">5642</div>
																<div class="progress-bar">
																		<span class="progress-in" id="bar"></span>
																</div>
															</div>
														</div>
													</div>
												</div>
						
										</div>
										
									</div>
									
								</div>
					
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
<script>
	Resize=function(){
		var doc = document.documentElement;  
    	relHeight = (doc.clientHeight > doc.scrollHeight) ? doc.clientHeight : doc.scrollHeight;//获取屏幕高度和当前页面高度中的较大值  
   		document.getElementById('col1').style.height = relHeight-82+'px';//id为bg的div就是我页面中的遮罩层
//		total = document.body.clientHeight;
//		colHeight = total-document.getElementById("col1").offsetTop;
//		document.getElementById("col1").style.height=colHeight+"px";
	}
	Resize()
	window.onresize=function(){
		Resize()
	}
</script>